﻿/**
 * Created by yuyue on 13-12-2.
 */
//统一程序的入口。
 $(function(){
    adaptive();
    $(window).resize(function(){
        adaptive();
    });
   //处理登录弹出窗口
   $("#opendialog").on('click',openLogin);
   
     wookmark();
  var handler = $('#tiles li');
      handler.click(function(){
        // Randomize the height of the clicked item.
        var newHeight = $('img', this).height() + Math.round(Math.random() * 300 + 30);
        $(this).css('height', newHeight+'px');

        // Update the layout.
        handler.wookmark();
      });
	  
})

/**
 * 适配窗口大小的变化
 */
function adaptive(){
    if($("body").width() > 1250){
        $(".wrapper").css("width","1250px");
    }else{
        $(".wrapper").css("width","95%");
    }
}

function openLogin(){
    //将 div变成一个弹出层。将其弹出来，里面的参数可以自己设置一下，看看效果
    var i = $.layer({
        type : 1,
        title : false,
        closeBtn : true,
        border : [0],
        area : ['450px','315px'],
        page : {dom : '#login'}
    });
    $("#logincolse").on('click', function(){
      //  console.log("click");
        layer.close(i);
    });
}

//function wookmark(){
//	var handler = $('#tiles li');
//      handler.wookmark({
//          // Prepare layout options.
//          autoResize: true, // This will auto-update the layout when the browser window is resized.
//          container: $('#main'), // Optional, used for some extra CSS styling
//          offset: 5, // Optional, the distance between grid items
//          outerOffset: 10, // Optional, the distance to the containers border
//          itemWidth: 210 // Optional, the width of a grid item
//      });
//
//}
